.wrapper{
  height: 100%;
  .fixedWrap{
    position: fixed;
    width: 100%;
    top: 0;
    .tip{
      height: 80px;
      background: #FEFCED;
      display: flex;
      align-items: center;
      padding-left: 32px;
      color: #FF722A;
      font-size: 24px;
      width: 100%;
      .icon{
        margin-right: 12px;
      }
    }
    .timeWrap{
      width: 100%;
      display: flex;
      align-items: center;
      font-size: 28px;
      height: 90px;
      background: #F8F9FA;
      color: #999999;
      .title{
        margin-left:32px;
        color: #181819;
      }
      .icon{
        margin: 0 32px 0 1px;
      }
      .start,.end{
        color: #22ADF7;
        margin-left: 32px;
      }
    }
  }
  .listWrap{
    padding-top: 170px;
    .items{
      margin: 0 32px;
      padding: 32px 0 24px 0;
      font-size: 28px;
      border-bottom: 1px solid #E5E5E5;
      &:last-of-type{
        border-bottom: none;
      }
      .money{
        color: #181819;
        display: flex;
        align-items: center;
        margin-bottom: 24px;
        justify-content: space-between;
      }
      .item{
        margin: 8px 0;
        color: #999999;
      }
    }

  }
}
